<template>
	<view class="content">
		<u-navbar title="用户协议" :is-back="false"></u-navbar>
		<view class="job-invite" @click="goInvite()">
			认证招聘者
		</view>
		<view class="job-seeker" @click="goSeeker()">
			认证求职者
		</view>
		<view class="await" @click="goHome">
			稍后认证
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		onLoad() {
		},
		methods:{
			goInvite(){
				this.$u.route('pages/attestation/invite');
			},
			goSeeker(){
				this.$u.route('pages/attestation/seeker');
			},
			goHome() {
				this.$u.route({
					type:'switchTab',
					url: 'pages/home/index'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content{
		width: 100%;
		background:rgba(255,255,255,1);
		box-sizing: border-box;
		padding: 160rpx 40rpx 120rpx;
		.job-invite{
			width: 100%;
			text-align: center;
			height:230rpx;
			background:rgba(17,142,233,1);
			box-shadow:0rpx 5rpx 20rpx rgba(11,105,174,0.32);
			border-radius:14rpx;
			line-height: 230rpx;
			font-size:36rpx;
			font-weight:600;
			color:rgba(255,255,255,1);
		}
		.job-seeker{
			margin-top: 110rpx;
			width:100%;
			height:230rpx;
			background:rgba(0,204,204,1);
			box-shadow:0px 5rpx 20rpx rgba(0,174,174,0.41);
			border-radius:14rpx;
			text-align: center;
			line-height: 230rpx;
			font-size:36rpx;
			font-weight:600;
			color:rgba(255,255,255,1);
			opacity:1;
		}
		.await{
			margin-top: 266rpx;
			width: 100%;
			height:90rpx;
			background:rgba(255,255,255,1);
			border:1rpx solid rgba(153,153,153,1);
			opacity:1;
			border-radius:8rpx;
			line-height: 90rpx;
			text-align: center;
			font-size:30rpx;
			font-weight:400;
			color:rgba(51,51,51,1);
			opacity:1;
		}
	}
</style>
